<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Container</title>
		<link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/control/containercontrol.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/containercontrol.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		
		<script src="../../py/system/data/collection.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/contentcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/icontainercontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/scrollablecontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/containercontrol.js" type="text/javascript"></script>
		
		<script src="../../py/system/controls/layout/layoutengine.js" type="text/javascript"></script>
		<script src="../../py/system/controls/layout/flowlayout.js" type="text/javascript"></script>
		<script src="../../py/system/controls/containercontrolex.js" type="text/javascript"></script>
		
		<script src="../../py/system/controls/box.js" type="text/javascript"></script>
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		
    </head>
    <body>
		
		<div style="width:200px;" id="c">
            <div class="x-header">
                <div class="x-header-container">
                	<div class="x-header-content">
                		<a class="x-icon x-icon-layout"></a>
                		<h3>
                			<span class="x-icon x-icon-layout"></span>
							标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h3>
						</div>
                </div>
            </div>
            <div class="x-body">
                <div class="x-body-container">
                    <div class="x-body-content" style="height: 150px; " >
						<p style="font-size: 50px;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
					</div>
                </div>
            </div>
            <div class="x-footer">
                <div class="x-footer-container">
                    <div class="x-footer-content"></div>
                </div>
            </div>
        </div>
        
        <div id="f">外部的</div>
		<script>
		
		
		var container = new ContainerControl('c');
		
		container.renderTo();
		container.setTitle("内容");
		container.setSize(600, 200);
	//	container.setHtml('内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容');
		
		
		container.controls.add(
		 	new Control('f')  
	       )
		
		</script>
		
		
		<!--
		
		<div style="position: relative;" id="ct">
			<div  class="x-column" style="width: 200px; height: 600px; border: 1pt solid red; margin:10px; padding:4px;" ></div>
			<div style="width: 200px; height: 200px; border: 1pt solid red; margin:10px; padding:4p" class="x-column" ></div>
		</div>
		
		<div class="x-clear"></div>
		
		<div style="text-align:center; position: relative;" id="ct">
			<div  class="x-block" style="width: 200px; height: 600px; border: 1pt solid red; margin:10px; padding:4px;" ></div>
			<div style="width: 200px; height: 200px; border: 1pt solid red; margin:10px; padding:4p" class="x-block" ></div>
		</div  -->
    </body>
</html>
